<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <title>首页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div  id="content">
            <section class="content-header">
                <h1>
                    <i class="fa fa-dashboard"></i>
                    <strong>销售片区管理</strong>
                </h1>
                <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-home "></i>Home</a></li>
                    <li>基本信息管理</li>
                    <li class="active">销售片区管理</li>
                </ol>
            </section>
            <!-- Main content -->
            <section class="content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="box box-info">
                            <div class="box-header with-border">
                                <i class="fa fa-th-list"></i>
                                <h4 class="box-title">销售片区查询</h4>
                            </div>
                            <div class="box-body">
                                <div class="form-inline">
                                	<div class="input-group">
										<input type="text" class="form-control" id="keyword"  placeholder="Search..." />
										<span class="input-group-btn">
											<button type="button" id="search-btn" class="btn btn-info searchBtn">查询</button>
                                            <button type="button" id="reset-btn" class="btn btn-info resetBtn">撤消</button>
										</span>
									</div>
									<button class="btn btn-info pull-right deleteBtn" >删除</button>
									<button class="btn btn-info pull-right editBtn" >编辑</button>
									<button id="btnAdd" class="btn btn-info pull-right" >添加</button>
								</div>
                            </div>
                            <div class="box box-body">
                                <table id="dataTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="100%">
                                    <thead>
                                        <tr>
                                            <th width="10%">序号</th>                							
                                            <th width="10%"><input type="checkbox" id="checkAll"/></th>
                							<th width="15%">片区名称</th>
                							<th width="10%">片区编号</th>
               								<th width="15%">上级部门</th>
                							<th width="20%">创建时间</th>
                							<th width="20%">备注</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                	
               						</tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!--用户信息添加弹窗-->
    <div class="modal" id="saleAreaModal">
        <div class="modal-dialog" role="dialog">
            <form id="roleEditForm">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title"><strong>销售片区基本信息录入</strong></h4>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" name="id" id="id" />
                        <div class="form-horizontal">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">片区编号</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control"  type="text" name="areaCode"  id="areaCode"  datatype="*,*1-100" onkeyup="clearNoNum(this)"/>
                                    </div>
                                    <div class="col-md-1">
                                        <span style="color:#F00;fontsize:30px">*</span>
                                    </div>
                                </div>
                                <label class="col-sm-2 control-label">片区名称</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                        <input class="form-control" type="text" name="areaName" id="areaName" datatype="*,*1-100" />
                                    </div>
                                    <div class="col-md-1">
                                        <span style="color:#F00;fontsize:30px">*</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                            <label class="col-sm-2 control-label">上级部门</label>
                                <div class="col-sm-4">
                                    <div class="col-md-11">
                                      <select class="form-control" id="superior" name="superior" datatype="*" >
                                        <option></option>
                                        <option th:each="superior:${superiors}"
							             th:text="${superior.title}"></option>
                                      </select>
                                    </div>
                                    <div class="col-md-1">
                                        <span style="color:#F00;fontsize:30px">*</span>
                                    </div>
                                </div>
                                
                                </div>
                                <div class="form-group">
                                <label class="col-sm-2 control-label">备注</label>
                                <div class="col-sm-10">
                                    <div class="col-md-11">
                                        <textarea class="form-control" type="text" name="memo" id="memo" datatype="*1-100" ></textarea>
                                    </div>
                                </div>
                                </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary saveBtn" >保存</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>

                    </div>
                </div>
            </form>
        </div>
    </div>
    <script th:src="@{/saleArea/saleAreaindex.js}"></script>
    </div>
</body>
</html>